<script>
  let yes = false

  function handleclick(params) {
	yes = !yes
	  console.log(yes);
  }
</script>

<div class={ yes ? 'flex font-bold  justify-center  items-center  op80 h12 card bg-green' : 'card flex  font-bold  justify-center  items-center  op80 h12  hover="op100 bg-green text-fuchsia"'}
 on:click={handleclick}>
  <slot />
</div>
<!-- // class="card"
//   flex
//   font-bold
//   justify-center
//   items-center
//   op80
//   h12
//   hover="op100 text-amber-50 bg-green"
//   active="bg-blue text-fuchsia" -->